html,
			body {
				position: relative;
				height: 100%;
				min-width: 1200px;
				overflow: auto;
			}
			
			
			
			.met-head {
				min-width: 1200px;
			}
			
			.swiper-container {
				width: 100%;
				height: 100%;
			}
			
			.swiper-slide {
				text-align: center;
				font-size: 18px;
				background: #fff;
				/* Center slide text vertically */
				display: -webkit-box;
				display: -ms-flexbox;
				display: -webkit-flex;
				display: flex;
				-webkit-box-pack: center;
				-ms-flex-pack: center;
				-webkit-justify-content: center;
				justify-content: center;
				-webkit-box-align: center;
				-ms-flex-align: center;
				-webkit-align-items: center;
				align-items: center;
			}
			
			.slide-bg {
				background-size: cover;
				background-position: center;
				background-repeat: no-repeat;
				width: 100%;
				height: 100%;
				position: relative;
			}
			.head-w-bg{
				background-color: white;
			}
			.slide2{
				width: 50%;height: 100%; float: left;position: relative;overflow: hidden;
			}
			.slide2-left-text{
				padding-top:1.5rem;
				padding-left: 0px;
				font-family: SourceHanSansCN-Light;
				font-size: .35rem;
				color: white;
				text-align: left;
				-webkit-transition: all 1s ease;
		        -moz-transition: all 1s ease;
		        transition: all 1s ease;
		        opacity: 0;
				
			}
			.slide2-left-text.move{
				padding-left: .7rem;
				opacity: 1;
			}
			.slide2-left-text span{
				display: block;
			}
			.lineh50{
				line-height: .45rem;
			}
			
			.desc-box{
				position: absolute;
				bottom: -270px;
				left: 0;
				width: 100%;
				color: white;
				display: flex;
				-webkit-transition: all .5s ease;
		        -moz-transition: all .5s ease;
		        transition: all .5s ease;
		        opacity: 0;

			}
			.desc-box.move
		    {
		        bottom: 0;
		        opacity: 1;
		    }
			.desc-left{
				flex: 1;
				padding: .2rem .8rem .2rem .7rem;
				
				
			}
			
			.desc-title{
				font-size: .26rem; 
				font-family: SourceHanSansCN-Bold;
				text-align: left;
			}
			.desc-content{
				font-size: .16rem; 
				line-height: 28px;
				font-family: SourceHanSansCN-Light;
				text-align: left;
				margin-top: 10px;
				
			}
			.slide2-text-animation{
				-webkit-transition: all .8s ease;
		        -moz-transition: all .8s ease;
		        transition: all .8s ease;
		        opacity: 0;
			}
			.slide2-text-animation.move{
				 opacity: 1;
			}
			.desc-bg1{
				background-color: #004DA0;
			}
			.desc-bg2{
				background-color: #009FE8;
			}
			
			.slide3{
				
			}
			.slide3-title{
				margin-top:2.6rem;
				margin-right: 5rem;
				font-size: .35rem;
				color: #004da0;
				text-align: left;
				line-height: .45rem;
				-webkit-transition: all 1s ease;
		        -moz-transition: all 1s ease;
		        transition: all 1s ease;
		        opacity: 0;
		        float: right;

			}
			.slide3-title.move{
				margin-top:1.60rem;
				opacity: 1;
			}
			.slide3-box{
				position: absolute;
				bottom: 0;
				left: -2000px;
				width: 80%;
				background-color: rgba(41, 121, 193, 0.7);
				color: white;
				padding: 46px 129px 75px 114px;
				font-family: SourceHanSansCN-Regular;
				text-align: left;
				z-index: 1;
				-webkit-transition: all 1s ease;
		        -moz-transition: all 1s ease;
		        transition: all 1s ease;
		        opacity: 0;
			}
			.slide3-box.move{
				left:0;
				opacity: 1;
			}
			.slide3-box .title{
				font-size: 45px;	
				position: relative;
			}
			.slide3-box .r_arrow{
				position: absolute;
				width: 67px;
				height: 67px;
				right: -67px;
				top:0;
			}
			.slide3-box .content{
				font-size: 18px;
				line-height: 38px;
				margin-top: 30px;
			}
			
			.slide3-content{
				-webkit-transition: all 1s ease;
		        -moz-transition: all 1s ease;
		        transition: all 1s ease;
		        opacity: 0;
			}
			.slide3-content.move{
				opacity: 1;
			}

			
			.slide3-bottm-bg-bar{
				position: absolute;
				bottom: 0;
				right: -2000px;
				width: 60%;
				height: 33px;
				background-color: rgba(0, 159, 232, 0.7);
				z-index: 2;
				-webkit-transition: all 1s ease;
		        -moz-transition: all 1s ease;
		        transition: all 1s ease;
		        opacity: 0;
			}
			.slide3-bottm-bg-bar.move{
				right:0;
				opacity: 1;
			}
			.slide4{
				float: right;
				margin-top: 10%;
				margin-right: 2.6rem;
		        position: relative;
		        font-family: SourceHanSansCN-Light;
				font-size: .35rem;
				line-height: .45rem;
				color: white;
				text-align: left;
				position: relative;
			}
			.slide4-text-animation{
				-webkit-transition: all 1s ease;
		        -moz-transition: all 1s ease;
		        transition: all 1s ease;
		        opacity: 0;
			}
			.slide4-text-animation.move{
				opacity: 1;
			}
			.slide4-box{
				position: relative;
				padding-bottom: 15px;
				
			}
			
			.left_line{
				position: absolute;
				bottom: 0px;
				left: 0;
				opacity: 0;
				-webkit-transition: all .5s ease;
		        -moz-transition: all .5s ease;
		        transition: all .5s ease;
		        width: 2.58rem;
			}
			.left_line.move{
				opacity: 1;
				left: -2.78rem;
			}
			.right_line{
				position: absolute;
				bottom: 0px;
				left:6rem;
				-webkit-transition: all .5s ease;
		        -moz-transition: all .5s ease;
		        transition: all .5s ease;
			}
			.right_line.move{
				left: .5rem;
			}
			.middle-line{
				position: absolute;
				width: .30rem;
				height: 2px;
				background-color: white;
				bottom: 0;
				left: 0;
				opacity: 0;
				
			}
			.middle-line.move{
				opacity: 1;
			}
			.slide5-title{
				padding-top: 18%;
				margin-left: 32%;
				-webkit-transition: all 1s ease;
		        -moz-transition: all 1s ease;
		        transition: all 1s ease;
		        opacity: 0;
		        font-size: .4rem;
		        line-height: .5rem;
		        text-align: left;
		        color: white;
		        font-family: SourceHanSansCN-Bold;
			}
			.slide5-title.move{
				padding-top: 14%;
				opacity: 1;
			}
			.slide5-title img{
				display: block;
			}
			.slide6-title{
				-webkit-transition: all 1s ease;
		        -moz-transition: all 1s ease;
		        transition: all 1s ease;
		        opacity: 0;
		        padding-top: 1rem;
		        margin-left: 1.7rem;
		        font-size: .18rem;
		        color: white;
		        text-align: left;
				
			}
			.slide6-title.move{
				opacity: 1;
				padding-top: 0;
			}
			.slide6-title img{
				display: block;
				max-width: 100%;
				max-height: 100%;
			}
			.slide1{
				display: flex;
				align-items: center;
				justify-content: center;
				font-family: SourceHanSansCN-Light;
				font-size: .30rem;
				color: white;
				letter-spacing: 2px;
			}
			.slide1-left-text{
				-webkit-transition: all 1s ease;
		        -moz-transition: all 1s ease;
		        transition: all 1s ease;
		        opacity: 0;
		        padding-left: 500px;
		        letter-spacing: 20px;
			}
			.slide1-left-text.move{
				opacity: 1;
		        padding-left: 0px;
			}
			.slide1-right-text{
				overflow: hidden;
				-webkit-transition: all 1s ease;
		        -moz-transition: all 1s ease;
		        transition: all 1s ease;
		        opacity: 0;
		        padding-right: 500px;
			}
			.slide1-right-text.move{
				opacity: 1;
		        padding-right: 0px;
			}
			.swiper-slide{
				-webkit-transition: all 1s ease;
		        -moz-transition: all 1s ease;
		        transition: all 1s ease;
		        opacity: 0;
				padding-top: 0px;
			}
			.swiper-slide.move{
				opacity: 1;
				padding-top: 70px;
			}
			.slide1bg2{
				animation:ani-light 1s infinite;
				-webkit-animation:mymove 10s infinite; /*Safari and Chrome*/
			    
			}
			@keyframes ani-light
			{
			0% {opacity: 0;}
			50% {opacity: 1;}
			100% {opacity: 0;}
			}
			
			@-webkit-keyframes mymove /*Safari and Chrome*/
			{
			0% {opacity: 0;}
			50% {opacity: 1;}
			100% {opacity: 0;}
			}
			
			
			.slide1bg3{
				width: 6rem;
				-webkit-animation:ani-xuanzhuang 200s linear infinite;
			}
		 
			@-webkit-keyframes ani-xuanzhuang{
		 
				0%{-webkit-transform:rotate(0deg);}
		 
				25%{-webkit-transform:rotate(90deg);}
		 
				50%{-webkit-transform:rotate(180deg);}
		 
				75%{-webkit-transform:rotate(270deg);}
		 
				100%{-webkit-transform:rotate(360deg);}
		 
			}

			.slide1-bg{
				width: 100%;
				height: 100%;
				top: 0;
				left: 0;
				position: absolute;
				overflow: hidden;
			}
			.slide1bg4{
				width: 5.5rem;
				margin-top: 20px;
			}
			@media (max-width:1366px) {
				
				.slide1bg4{
					margin-top: 0px;
				}
				
				/*
				.desc-left{
					padding: 20px 30px;
				}
				.desc-title{
					font-size: 20px; 

				}
				.desc-title img{
					height: 30px;
				}*/
				.desc-content{
					/*font-size: 14px; 
					line-height: 28px;*/

				}
				/*.slide6-title{
					margin-left: 100px;
				}
				.slide6-title img{
					width: 70%;
				}*/
				.slide2-left-text{
					/*font-size: 30px;
					padding-top: 38px;*/
				}
				/*.slide3-title{
					margin-top:180px;
					font-size: 30px;
				}
				.slide3-title.move{
					margin-top:80px;
					opacity: 1;
				}*/
				/*.nav-box ul li a b{
					font-family: SourceHanSansCN-Light;
					font-size: 16px;
				}
				.nav-box{
					width: 630px;
				}
				.met-head{
					height: 75px;
    				line-height: 75px;
				}
				.nav-logo img {
					width: 200px;
				}*/
				/*.slide5-title.move{
					margin-top: 10%;
					opacity: 1;
				}
				.slide1-right-text{
					overflow: initial;
	    			height: initial;
    			}
    			.slide5-title .img1{
    				width: 200px;
    			}
    			.slide5-title .img2{
    				width: 300px;
    			}*/
    			/*.slide4{
					margin-top: 10%;
					margin-right: 160px;
					font-size: 30px;
			      }*/
			      
			
			/*.left_line.move{
				opacity: 1;
				right: 235px;
			}
			
			.right_line.move{
				right:-355px;
			}*/
		}